import { useEffect, useInsertionEffect } from "react";
import { useLayoutEffect } from "react";



function App() {
  useEffect(() => {
    console.log("useEffect----3");
  });
  //浏览器渲染完成之前会触发，测量布局
  useLayoutEffect(() => {
    console.log("useLayoutEffect----2");
  });
  //会在dom渲染前触发，所以可以注入css样式
  useInsertionEffect(() => {
    console.log("useInsertionEffect----1");
  });

    

  return (
    <div>
      <h1 className="rotate">APP</h1>

    </div>
  );
}

export default App;
